
require('../css/register.css');
require('../fonts/iconfont.css');


document.ready(function () {
    // 获取页面标签
    let inp = document.querySelectorAll('input');
    let error = document.querySelector('.errors');
    let btn = document.querySelector('.btn');
    let password = document.querySelector('.password');
    let toPassword = document.querySelector('.to_password');
    let phone = document.querySelector('.inp_pad');
    let ipn_code = document.querySelector('.ipn_code')

    //验证码
    let captchaCode = '' // 用这个变量保存验证码 code
    // 渲染验证码
    const captcha = document.querySelector('#captcha')
    const captchaDrawer = new CaptchaMini({ // 配置项
        lineNum: 6
    })
    // 渲染验证码
    captchaDrawer.draw(captcha, function (code) {
        captchaCode = code
    })

    // 按钮点击
    btn.addEventListener('click', function (e) {
        //点击后手机格式判断
        window.utils.isPhoneNumber(phone.value);
        if (window.utils.isPhoneNumber(phone.value) == false) {
            error.textContent = "手机号格式不正确"
        }
        // 验证码验证
        if (captchaCode.toLowerCase() !== ipn_code.value.toLowerCase()) {
            error.textContent = "验证码不正确"
        }
        // 密码和确认密码验证
        // 判断两次密码的值是否相等
        if (password.value !== toPassword.value) {
            error.textContent = "两次密码不正确"
        }
        //判断直接点击后是否未空
        inp.forEach(function (eitem, i) {
            if (eitem.value == '') {
                error.textContent = "有信息未填写！"
            }
        })
        // 判断全部正确后发送请求
        if (window.utils.isPhoneNumber(phone.value) == false || captchaCode.toLowerCase() !== ipn_code.value.toLowerCase() || password.value !== toPassword.value) {
            // error.textContent = "";
            console.log('你还不可以发送请求');
            return;
        } else {
            // 请求注册接口
            error.textContent = "";
            $http.post('/users/add', {
                account: phone.value,
                password: password.value
            }, function (res) {
                if (res.status === 0) { // 请求成功
                    // Toast显示
                    window.utils.showToast(0, '注册成功!');
                    // 请求登录接口
                    $http.post('/users/login', {
                        account: phone.value,
                        password: password.value
                    }, function (res) {
                        if (res.status === 0) { // 请求成功
                            window.confirm('跳转到登录');
                            //把数据存到本地存储
                            let obj = {
                                user:res.data.user
                            };
                            let toObj = JSON.stringify(obj);
                            localStorage.setItem('user', toObj);
                            //跳转首页
                            window.location.href = 'http://localhost:666/index.html';
                        }
                        else {
                            window.confirm(res.msg);
                        }
                    })
                }
                else {
                    window.confirm(res.msg);
                }
            })
        }
    })
    // 非空验证和正则判断
    inp.forEach(function (e, i) {
        e.addEventListener('blur', function () {
            let bool = window.common.errors(e.value);
            if (bool == false) {
                if (i === 0) {
                    error.textContent = "输入手机号为空"
                }
                if (i === 1) {
                    error.textContent = "输入验证码为空"
                }
                if (i === 2) {
                    error.textContent = "密码为空"
                }
                if (i === 3) {
                    error.textContent = "确认密码为空"
                }
            }
        })
    })
})